From 3a529614e5f08ddd6809a1d60b080186e0a5f409 Mon Sep 17 00:00:00 2001
From: Jakub Steiner <jimmac@gmail.com>
Date: Fri, 18 Mar 2016 15:44:27 +0100
Subject: [PATCH] High Contrast: spinbutton active state

- more contrast for the active state
- osd active state
---
 gtk/theme/HighContrast/_common.scss              | 8 ++++++--
 gtk/theme/HighContrast/gtk-contained-inverse.css | 6 +++++-
 gtk/theme/HighContrast/gtk-contained.css         | 6 +++++-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index 552f6e145b..ea6b7ee255 100644
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -934,7 +934,8 @@ spinbutton {
       &:disabled { color: transparentize($insensitive_fg_color, 0.7); }
 
       &:active {
-        background-color: transparentize(black, 0.9);
+        background-color: $osd_bg_color;
+        color: $osd_fg_color;
       }
 
       &:backdrop {
@@ -984,6 +985,10 @@ spinbutton {
 
       &:dir(rtl) { border-style: none solid none none; }
 
+      &:active {
+        background-color: $osd_bg_color;
+        color: $osd_fg_color;
+      }
       &:hover {
         @include button(undecorated);
         
@@ -1091,7 +1096,6 @@ spinbutton {
   }
 }
 
-
 /**************
  * ComboBoxes *
  **************/
diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css b/gtk/theme/HighContrast/gtk-contained-inverse.css
index b7e4af16cf..2d4b87b457 100644
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -1091,7 +1091,8 @@ spinbutton:not(.vertical) {
     spinbutton:not(.vertical) button:disabled {
       color: rgba(128, 128, 128, 0.3); }
     spinbutton:not(.vertical) button:active {
-      background-color: rgba(0, 0, 0, 0.1); }
+      background-color: rgba(0, 0, 0, 0.8);
+      color: #fff; }
     spinbutton:not(.vertical) button:backdrop {
       color: #fff;
       background-color: transparent;
@@ -1129,6 +1130,9 @@ spinbutton:not(.vertical) {
     box-shadow: none; }
     .osd spinbutton:not(.vertical) button:dir(rtl) {
       border-style: none solid none none; }
+    .osd spinbutton:not(.vertical) button:active {
+      background-color: rgba(0, 0, 0, 0.8);
+      color: #fff; }
     .osd spinbutton:not(.vertical) button:hover {
       border-width: 2px;
       border-style: solid;
diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index 487bc2d1cd..30373fa608 100644
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -1095,7 +1095,8 @@ spinbutton:not(.vertical) {
     spinbutton:not(.vertical) button:disabled {
       color: rgba(128, 128, 128, 0.3); }
     spinbutton:not(.vertical) button:active {
-      background-color: rgba(0, 0, 0, 0.1); }
+      background-color: rgba(0, 0, 0, 0.8);
+      color: #fff; }
     spinbutton:not(.vertical) button:backdrop {
       color: #000;
       background-color: transparent;
@@ -1133,6 +1134,9 @@ spinbutton:not(.vertical) {
     box-shadow: none; }
     .osd spinbutton:not(.vertical) button:dir(rtl) {
       border-style: none solid none none; }
+    .osd spinbutton:not(.vertical) button:active {
+      background-color: rgba(0, 0, 0, 0.8);
+      color: #fff; }
     .osd spinbutton:not(.vertical) button:hover {
       border-width: 2px;
       border-style: solid;
-- 
2.30.2